<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Meta -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<meta name="description" content="Khan - Personal Portfolio HTML Template">
		<meta name="keywords" content="theme_ocean,personal, portfolio new, html, one page, bootstrap, new html template, design, creative, onepage, clean, modern">
		<meta name="author" content="theme_ocean">
		<!-- SITE TITLE -->
		<title>Khan - Personal Portfolio HTML Template</title>			
		<!-- Latest Bootstrap min CSS -->
		<link rel="stylesheet" href="static/css/bootstrap.min.css">		
		<!-- Google Font -->
		<link href="static/css/css2.css" rel="stylesheet"> 
		<link href="static/css/css21.css" rel="stylesheet"> 
		<!-- Font Awesome CSS -->
		<link rel="stylesheet" href="static/css/font-awesome.min.css">
		<link rel="stylesheet" href="static/css/themify-icons.css">
		<link rel="stylesheet" href="static/css/materialdesignicons-min.css">
		<!--- owl carousel Css-->
		<link rel="stylesheet" href="static/css/owl.carousel.css">
		<link rel="stylesheet" href="static/css/owl.theme.css">	
		<!-- Simpletextrotator css -->
        <link rel="stylesheet" href="static/css/simpletextrotator.css">	
		<!--slicknav Css-->
        <link rel="stylesheet" href="static/css/slicknav.css">		
		<!-- MAGNIFIC CSS -->
		<link rel="stylesheet" href="static/css/magnific-popup.css">	
		<!-- animate CSS -->
		<link rel="stylesheet" href="static/css/animate.css">			
		<!-- Style CSS -->					
		<link rel="stylesheet" href="static/css/style.css">				
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="#"></script>
		  <script src="#"></script>
		<![endif]-->
</head>
<body>
	
	<!-- START NAVBAR -->  
	<div id="navigation" class="fixed-top navbar-light bg-faded site-navigation">
		<div class="container">
			<div class="row">
				<div class="col-lg-2 col-md-3 col-sm-4">
					<div class="site-logo">
						<a href="index.html"><img src="static/picture/logo.png" alt=""></a>
						<a href="index.html"><img src="static/picture/logo-two.png" class="logo-hidden" alt=""></a> 	
					</div>
				</div><!--- END Col -->
				
				<div class="col-lg-7 col-md-9 col-sm-8 ">
					<div class="header_right ">
						<nav id="main-menu" class="ms-auto">
							<ul>
							    <li><a class="nav-link" href="index.html#home">Home</a></li>
							    <li><a class="nav-link" href="index.html#about">About</a></li>
							    <li><a class="nav-link" href="index.html#portfolio">Portfolio</a></li>								
								<li><a class="nav-link" href="index.html#service">Services</a></li>
								<li><a class="nav-link" href="index.html#gallery">Gallery</a></li>
							    <li><a class="nav-link" href="index.html#blog">Blog</a></li>														
							    <li><a class="nav-link" href="index.html#contact">Contact</a></li>
							</ul>
						</nav>
						<div id="mobile_menu"></div>
					</div>
				</div><!--- END Col -->
				<div class="col-lg-3 col-md-3 col-sm-8">
					<div class="social_profile">
						<ul>
							<li><a href="#" class="ti-facebook"></a></li>
							<li><a href="#" class="ti-twitter"></a></li>
							<li><a href="#" class="ti-instagram"></a></li>
							<li><a href="#" class="ti-tumblr"></a></li>
						</ul>
					</div><!--- END SOCIAL PROFILE -->					
				</div><!--- END Col -->
			</div><!--- END ROW -->
		</div><!--- END CONTAINER -->
	</div> 	  
	<!-- END NAVBAR -->
											
		<!-- START SECTION TOP -->
		<section id="section_home" class="section-top">
			<div class="container">
				<div class="row">
				  <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
					<div class="section-top-title">
						<h1>Single Project</h1>		
					</div>
				  </div><!--- END COL -->				  
				</div><!--- END ROW -->
			</div><!--- END CONTAINER -->
		</section>
		<!-- END SECTION TOP -->		

		<!-- START SINGLE PROJECT DETAILS -->
		<div class="single_project_area section-padding">
			<div class="container">										
				<div class="row">
					<div class="col-lg-10 offset-lg-1 col-sm-12 col-xs-12">
						<div class="single_project_details">
							<img src="static/picture/single-img.jpg" class="img-fluid" alt="image">
							<h1>Biya kormo hanga kormo toder dawat dimo khabi naki</h1>
							<div class="project_details_info">
								<h4>Project Details</h4>
								<ul>
									<li><i class="fa fa-user"></i><b>Client: </b>Google, Inc</li>
									<li><i class="fa fa-clock-o"></i><b>Date: </b>10 May, 2023</li>
									<li><i class="fa fa-folder"></i><b>Category: </b><a href="#">Web Design</a></li>
									<li><i class="fa fa-eye"></i><b>Project Url: </b><a href="#">www.google.com</a></li>
								</ul>
							</div>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim. Aenean vitae metus in augue pretium ultrices. Duis dictum eget dolor vel blandit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim. Aenean vitae metus in augue pretium ultrices. Duis dictum eget dolor vel blandit.</p>
						</div>
					</div><!--- END COL -->
				</div><!--- END ROW -->
			</div><!--- END CONTAINER -->	
		</div>
		<!-- END SINGLE PROJECT DETAILS -->		
		
		<!-- START FOOTER -->
		<div class="footer">
			<div class="container">
				<div class="row">					
					<div class="col-lg-5 col-sm-12 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
						<div class="single_footer">	
							<p class="copyright">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://www.php.cn/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
					</div><!--- END COL -->		
					<div class="col-lg-3 col-sm-12 col-xs-12 text-center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
						<div class="footer_scroll_top">
							<a href="#home">Back to top <span class="ti-arrow-up"></span></a>
						</div>
					</div><!--- END COL -->		
					<div class="col-lg-4 col-sm-12 col-xs-12 text-center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
						<div class="single_footer">
							<div class="footer_menu">
								<ul>
									<li><a href="#">Terms of use</a></li>
									<li><a href="#">Privacy Policy</a></li>
									<li><a href="#">Cookie Policy</a></li>
								</ul>
							</div>	
						</div>
					</div><!--- END COL -->				
				</div><!--- END ROW -->				
			</div><!--- END CONTAINER -->
		</div>
		<!-- END FOOTER -->	
		
	<!-- Latest jQuery -->
		<script src="static/js/jquery-1.12.4.min.js"></script>
	<!-- Latest compiled and minified Bootstrap -->
		<script src="static/js/bootstrap.min.js"></script>			
	<!-- owl-carousel min js  -->
		<script src="static/js/owl.carousel.min.js"></script>	
	<!-- jquery.slicknav -->
		<script src="static/js/jquery.slicknav.js"></script>	
	<!-- simple-text-rotator.min.js  -->
		<script src="static/js/jquery.simple-text-rotator.min.js"></script>			
	<!-- magnific-popup js -->               
		<script src="static/js/jquery.magnific-popup.min.js"></script>		
	<!-- jquery mixitup min js -->
		<script src="static/js/jquery.mixitup.min.js"></script>			
	<!-- WOW - Reveal Animations When You Scroll -->
		<script src="static/js/wow.min.js"></script>				
	<!-- scripts js -->	
		<script src="#"></script>
		<script src="static/js/scripts.js"></script>
		<script type="text/javascript">			
		 /*  Textrotator */
		if ($('.rotate').length > 0) {
			$(".rotate").textrotator({
				animation: "flipUp", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin.
				separator: "|", //  You can define a new separator (|, &, * etc.) by yourself using this field.
				speed: 3000 // How many milliseconds until the next word show.
			});
		}
		/* End Textrotator */
		</script>		
</body>
</html>